<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="../public/css/bootstrap.min.css">
<link rel="stylesheet" href="../public/css/font-awesome.min.css">
<link rel="stylesheet" href="../public/plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="../public/plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="../public/css/main.css">
<script src="../public/libs/jquery.min.js"></script>
<script src="../public/plugins/layer/layer.js"></script>
<script src="../public/libs/bootstrap.min.js"></script>
<script src="../public/libs/vue.min.js"></script>
<script src="../public/libs/vue-i18n.js"></script>
<script src="../public/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../public/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../public/plugins/jquery-validate-1.13.0/jquery.validate.min.js"></script>
<script src="../public/plugins/jquery-validate-1.13.0/jquery.metadata.js"></script>
<script src="../public/plugins/My97DatePicker/WdatePicker.js"></script>
<script src="../public/js/common.js?v=1"></script>
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">
		<div class="grid-btn">
			<div class="form-group col-sm-2">
				<input type="text" class="form-control holderClz" id="keyname" v-model="q.keyname" @keyup.enter="query"  placeholder="">
			</div>
			<a class="btn btn-primary" @click="query">{{$t("query")}}</a>
			<a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;{{$t("add")}}</a>
			<!-- 		
			<a v-if="hasPermission('feedback:save')" class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;{{$t("add")}}</a>
			<a v-if="hasPermission('feedback:update')" class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;{{$t("edit")}}</a>
			<a v-if="hasPermission('feedback:delete')" class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;{{$t("delete")}}</a>			
			<a class="btn btn-primary" @click="handle">{{$t("handle")}}</a>	
			-->
			
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    <div v-show="showAdd" class="panel panel-default">
		<div class="panel-heading">{{$t("handleTitle")}}</div>
		<form class="form-horizontal" id="contentForm">    
		    <div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("handleResult")}}</div>
			   	<div class="col-sm-10">
 
			       <textarea class="form-control required" rows="3"      minlength="2" maxlength="1000" v-model="feedback.feedback" ></textarea>
			    </div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" v-model='lable.submit'/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" v-model='lable.back'/>
			</div>
		
		</form>			
    </div>
    <div v-show="!showList && !showAdd" class="panel panel-default">
		<div class="panel-heading">{{$t("handleTitle")}}</div>
		<form class="form-horizontal" id="contentForm">
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("email")}}</div>
			   	<div class="col-sm-10">
 
			      <p class="form-control-static" > {{feedback.email}}</p>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("mobile")}}</div>
			   	<div class="col-sm-10">
			 
			      <p class="form-control-static" > {{feedback.mobile}}</p>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("nickname")}}</div>
			   	<div class="col-sm-10">
			 
			      <p class="form-control-static" > {{feedback.nickname}}</p>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("contact")}}</div>
			   	<div class="col-sm-10">
			 
			      <p class="form-control-static" > {{feedback.contact}}</p>
			    </div>
			</div>					
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("feedback")}}</div>
			   	<div class="col-sm-10">
			 
			      <p class="form-control-static" > {{feedback.feedback}}</p>
			    </div>
			</div>
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("submitDate")}}</div>
			   	<div class="col-sm-10">
			 
			      <p class="form-control-static" > {{feedback.submitDate}}</p>
			    </div>
			</div>	
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("log")}}</div>
			   	<div class="col-sm-10">
			 
			      <p class="form-control-static" > {{feedback.log}}</p>
			    </div>
			</div>															
			<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("logFile")}}</div>
			   	<div class="col-sm-10">
			 
			      <p class="form-control-static" > <a v-bind:href="url" >{{feedback.logFile}}</a></p>
			    </div>
			</div>
 			<!--
 		    <div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("effecitve")}}</div>
			   	<div class="col-sm-10">
 				     
							<input type="radio" id="effecitve_1" name="effecitve" value="1" v-model="feedback.effecitve">
							 {{$t("true")}} 
							 
							<input type="radio" id="effecitve_0" name="effecitve"  value="0" v-model="feedback.effecitve">
							 {{$t("false")}} 
						 
			    </div>
			</div>
			-->
 		    <div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("state")}}</div>
			   	<div class="col-sm-10">
 				            <input type="radio" id="state100"   value="100" v-model="feedback.state">{{$t("state100")}}&nbsp; 
							<input type="radio" id="state200"   value="200" v-model="feedback.state">{{$t("state200")}}&nbsp;
							<input type="radio" id="state250"   value="250" v-model="feedback.state">{{$t("state250")}}&nbsp;
							<input type="radio" id="state300"   value="300" v-model="feedback.state">{{$t("state300")}}&nbsp;
							 
 				            <!-- 
							<select class="form-control" v-model="feedback.state">
							  <option v-for="option in states" v-bind:value="option.value">
							    {{ option.text }}
							  </option>
							</select>
							-->
						 
			    </div>
			</div>			
 		
		    <div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("handleResult")}}</div>
			   	<div class="col-sm-10">
 
			       <textarea class="form-control required" rows="3"      minlength="2" maxlength="1000" v-model="feedback.handleResult" ></textarea>
			    </div>
			</div>
			<!-- 
			  
									<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("handleDate")}}</div>
			   	<div class="col-sm-10">
				  <input type="text" class="form-control  required" readonly="readonly" v-model="feedback.handleDate"    value='' 
								onclick="javascript:datePicker()"   />
			    </div>
			</div>
			 -->	
							<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" v-model='lable.submit'/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" v-model='lable.back'/>
			</div>
		
		</form>
		    
    <div v-show="false" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal" id="contentForm">
											<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("uid")}}</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control required" v-model="feedback.uid" placeholder=""/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("feedback")}}</div>
			   	<div class="col-sm-10">
 
			      <textarea class="form-control required" rows="3"      minlength="2" maxlength="1000" v-model="feedback.feedback" ></textarea>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("submitDate")}}</div>
			   	<div class="col-sm-10">
				  <input type="text" class="form-control  required" readonly="readonly" v-model="feedback.submitDate"    value='' 
								onclick="javascript:datePicker()"   />
											      
			    </div>
			</div>
<!-- 			
									<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("handler")}}</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="feedback.handler" placeholder=""/>
			    </div>
			</div>
									<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("handleResult")}}</div>
			   	<div class="col-sm-10">
			      <input type="text" class="form-control" v-model="feedback.handleResult" placeholder=""/>
			    </div>
			</div>
			 -->
									<div class="form-group">
			   	<div class="col-sm-2 control-label">{{$t("handleDate")}}</div>
			   	<div class="col-sm-10">
				  <input type="text" class="form-control  required" readonly="readonly" v-model="feedback.handleDate"    value='' 
								onclick="javascript:datePicker()"   />
			    </div>
			</div>
				
							<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" v-model='lable.submit'/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" v-model='lable.back'/>
			</div>
		
		</form>
	</div>
</div>

<script src="../public/js/crm/feedback-i18n.js?v=6"></script>
<script src="../public/js/crm/feedback.js?v=6"></script>
</body>
</html>